@extends('skeleton')

@section('title')
  Mapa de los pueblos
@endsection('title')

@section('styles')
  <link rel="stylesheet" href="map.css" type="text/css" media="screen" />
  <style type="text/css">
   #mapDiv { width: 100%; height: 400px; }
  </style>
@endsection('styles')

@section('scripts')
  <script type="text/javascript"
          src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAPcznX7pcAOgCW7-inXDdVOW7lPsj2tYE&sensor=false">
  </script>
  <script src="map-item.js"></script>
  <script src="map-item-controllers.js"></script>
  <script src="google-map.js"></script>
  <script src="map.js"></script>
@endsection('scripts')
  

@section('content')  
  <div class="container">

    <div class="map-place">
      <div class="row">
        <div class="col-sm-3">
          <h2>Añadir al mapa</h2>
          @include('map-item-add-template', array('name' => 'lugar', 'id' => 1))
          @include('map-item-add-template', array('name' => 'parada', 'id' => 4))
          @include('map-item-add-template', array('name' => 'local', 'id' => 5))
          @include('map-item-add-template', array('name' => 'localidad', 'id' => 7))
          @include('map-item-add-template', array('name' => 'cancelar', 'id' => 6))
          <h2>Añadir detalles</h2>
          @include('map-item-add-template', array('name' => 'servicio básico', 'id' => 2))
          @include('map-item-add-template', array('name' => 'hospedaje', 'id' => 3))
          @include('map-item-add-template', array('name' => 'servicio de transporte', 'id' => 0))
        </div>

        <div class="col-sm-9">
          <div id="mapDiv"></div>
          @include('data-template', array('name' => 'transporte', 'id' => 0))
          @include('data-template', array('name' => 'lugar', 'id' => 1))
          @include('data-template', array('name' => 'servicio-basico', 'id' => 2))
          @include('data-template', array('name' => 'hospedaje', 'id' => 3))
          @include('data-template', array('name' => 'parada', 'id' => 4))
          @include('data-template', array('name' => 'local', 'id' => 5))
          @include('data-template', array('name' => 'localidad', 'id' => 7))
        </div>

      </div>
    </div>
  </div>
@endsection('content')
